<template>
	<view>
		<!-- #ifdef H5 -->
		<uni-nav-bar left-icon="back" @clickLeft="back" :border="false"  title="消息列表"></uni-nav-bar>
		<!-- #endif -->
		<!-- 结果为空 -->
		<view class="empty" v-if="list<=0">
			<image src="../../static/empty.png" class="empty_img"></image>
			<view class="empty_text">抱歉啦,没有找到~</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//消息列表
				list:[]
			}
		},
		methods: {
			// 返回
			back(){
				uni.navigateBack()
			},
		}
	}
</script>

<style lang="scss">
// 空列表
.empty{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background: #fff;
	width: 100vw;
	height: 88vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	&_img{
		width: 386rpx;
		height: 282rpx;
	}
	&_text{
		margin-top: 8rpx;
		font-size: $uni-font-size-base;
		color: $uni-text-color-grey;
	}
}
</style>
